<!DOCTYPE html>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%String path = request.getContextPath();%>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>用户登录</title>
	<!-- 用户登录界面css文件放在 css/log.css下-->
	<link rel="stylesheet" type="text/css" href="css/log.css">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">

	<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
	<script type="text/javascript" src="js/jquery.form.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/log.js"></script>
</head>
<body>
<div class="container">
   <div class="jumbotron">
      <p>欢迎登录在线报名系统</p>
      
      <!-- 按钮触发模态框 -->
	<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">点击进入</button>
   <!-- 登录模态框（Modal） -->
	<div class="modal fade" id="myModal" role="dialog" 
   		aria-labelledby="myModalLabel" aria-hidden="true">
   	<div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" 
               data-dismiss="modal" aria-hidden="true">
                  &times;
            </button>
            <h4 class="modal-title" id="myModalLabel">
             	请输入用户名和密码
            </h4>
         </div>
         <div class="modal-body">
      		<!-- 登陆表单 -->
      	<form id="log_form" method="post" action="log.do" class="form-horizontal" role="form">
  		 <div class="form-group">
      		<label for="username" class="col-sm-2 control-label">用户名</label>
      		<div class="col-sm-10">
         		<input type="text" class="form-control" id="username" name="username"
            		placeholder="请输入名字">
      		</div>
   		</div>
   		<div class="form-group">
      		<label for="password" class="col-sm-2 control-label">密码</label>
      		<div class="col-sm-10">
      		   <input type="password" class="form-control" id="password" name="password" 
            	placeholder="请输入密码">
      		</div>
   		</div>
   		<div class="form-group">
      		<div class="col-sm-offset-2 col-sm-10">
         	<div class="checkbox">
            <label>
               <input type="checkbox"> 记住密码
            </label>
         </div>
      </div>
   </div>
</form>
</div>
		<div class="modal-footer">
			<!--<button id="log_btn" class="btn btn-primary">登录</button>  -->
			<a id="log_btn" href="javascript:void(0)" class="btn btn-primary">登录</a> 
			<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
		</div>
	 </div>
 </div>
</div>
</div>
</div>
</body>
</html>